<!DOCTYPE html>
<html lang="en-us">
<head>
    <link href="//gmpg.org/xfn/11" rel="profile"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="HandheldFriendly" content="True"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

    <!-- Enable responsiveness on mobile devices-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"/>

    <title>某杰</title>
    <meta name="description" content="记录和分享，与你每天进步一点点。"/>

    <!-- CSS -->
    <link rel="stylesheet" href="./css/poole.css"/>
    <link rel="stylesheet" href="./css/lanyon.css"/>

</head>

<body class="body-class">
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox"/>

<!-- Toggleable sidebar -->
<div class="sidebar" id="sidebar">
    <div class="left-ims">
        <a href="" class="profilepic">
            <img id="ims" src="./ims/1.png">
        </a>
    </div>
    <div class="text">
        <p style="padding-left: 1rem">不积跬步无以至千里</p>
        <p style="padding-left: 4rem">不积小流无以至江流</p>
    </div>
    <div class="left-menu">
        <ul class="menu">
            <a href="">
                <li class="menu-item">首页</li>
            </a>
            <a href="">
                <li class="menu-item">PHP</li>
            </a>
            <a href="">
                <li class="menu-item">MySQL</li>
            </a>
            <a href="">
                <li class="menu-item">Liunx</li>
            </a>
            <a href="">
                <li class="menu-item">目录</li>
            </a>
        </ul>
    </div>
    <div class="brand">
        © 2011-2016
    </div>
</div>

<div class="wrap">
    <div class="masthead">
        <div class="container">
            <h3 class="masthead-title">
                <a href="" title="Home">某杰的博客</a>
                <small>
                    其实人长大真的是简单的超出想像，但凡事都抱着一颗童心去快乐享受却反而很难。
                </small>
            </h3>
        </div>
    </div>
    <div class="content">
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">PHP</a>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">MySQL</a>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <div class="article-info">
                        <img src="./ims/label.png">
                        <a href="">Liunx</a>
                    </div>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">Liunx</a>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">Liunx</a>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">Liunx</a>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">Liunx</a>
                </div>
            </div>
        </article>
        <article class="article">
            <div class="article-meta">
                <time>July 28, 2014</time>
            </div>
            <div class="article-inner">
                <header class="article-header">
                    <h1>
                        <a class="article-title" href="">Git那些事儿</a>
                    </h1>
                </header>
                <div class="article-entry">
                    Git是目前世界上最先进的分布式版本控制系统，适合多人协作开发的大型项目。我平常也经常使用git，来管理自己的几个小项目。简单说说git的原理和git的特点！（只有知道了一个工具的运行原理，设计思路，才能更好的使用这个工具）
                </div>
                <div class="article-info">
                    <img src="./ims/label.png">
                    <a href="">Liunx</a>
                </div>
            </div>
        </article>
    </div>
    <div class="page">
        <a class="prev" href="#">&larr; Newer Posts</a>
        <a class="next" title="" href="#">Older Posts &rarr;</a></nav>
    </div>
</div>


<label for="sidebar-checkbox" class="sidebar-toggle"></label>

<script>
    (function(document) {
        var toggle = document.querySelector('.sidebar-toggle');
        var sidebar = document.querySelector('#sidebar');
        var checkbox = document.querySelector('#sidebar-checkbox');

        document.addEventListener('click', function(e) {
            var target = e.target;

            if(!checkbox.checked ||
                    sidebar.contains(target) ||
                    (target === checkbox || target === toggle)) return;

            checkbox.checked = false;
        }, false);
    })(document);
</script>

</body>
</html>
